<template>
  <div style="background-color:white;padding-bottom: 10px;font-family: mianfeiziti" :class="['login-wrapper', ['', 'login-form-right', 'login-form-left'][direction]]">
    <!--第一个弹窗 用户注册页面-->
    <div >
      <el-row   :gutter="10" :style="activeSize" type="flex" justify="center" align="middle">
        <div class="activate" v-if="showIndex" style="width: 100%;background-color: white">
          <div style="  font-size: 15pt;font-weight: bold;color: #000000;line-height: 30px; text-align: center" >
            <div :style="pageSize"><span style="color: orange">ACTIVATE YOUR WARRANTY</span></div>
<!--            <img :src="pageSrc" :style="pageSize">-->
            <!--              <span v-html="buyerConfig.register_page_script.script_1"></span>-->
          </div>
          <br/>
          <div class="body" style="margin-top: -20px">
            <!--            <div style="text-align: right">-->
            <!--              <el-select v-model="form.language_select" size="mini" style="width: 100px" @change="changeLanguage">-->
            <!--                <el-option v-for="item in buyerConfig.language_list" :key="item.val" :label="item.label" :value="item.val"/>-->
            <!--              </el-select>-->
            <!--            </div>-->
            <!--            <div style="text-align: center;">-->
            <!--              <img src="/static/logo.png" style="width: 80px;height: 75px">-->
            <!--            </div>-->
            <!--            <el-divider></el-divider>-->

            <br/>
            <div class="activate_html" ><span v-html="buyerConfig.register_page_script.script_2"></span></div>
            <el-form
              :model="form"
              ref="form"
              :rules="rules">
              <el-form-item
                style="margin-bottom: 30px;margin-top: 15px"
                prop="name">

                <!--              <span style="color: #000;font-weight: 700;">Name:</span>-->
                <el-input
                  @focus="changeColor($event)"
                  :maxlength="20"
                  v-model="form.name"
                  placeholder="Name"
                  clearable/>
              </el-form-item>
              <el-form-item
                style="margin-bottom: 30px"
                v-if="buyerConfig.email_show ===1"
                prop="email">
                <!--              <span style="color: #000;font-weight: 700;">Email:</span>-->
                <el-input
                  @focus="changeColor($event)"
                  :maxlength="30"
                  @change="checkEmail"
                  v-model="form.email"
                  placeholder="Email"
                  clearable/>
              </el-form-item>
              <el-form-item
                style="margin-bottom: 1px"
                prop="order_id">
                <!--              <span style="color: #000;font-weight: 700;margin-top: 20px">Order ID:</span>-->
                <el-input
                  @focus="changeColor($event)"
                  :maxlength="30"
                  v-model="form.order_id"
                  placeholder="Order ID"
                  v-on:input="addFront"
                  clearable/>
              </el-form-item>
              <br/>
              <br/>
              <!--              <div v-if="emailDisplay && buyerConfig.activate_dispaly_email===1" style="text-align: center">-->
              <div v-if="emailDisplay && buyerConfig.activate_dispaly_email===1" style="margin-top: -4px;">
                <div style="color: orange">We can't find your order ID.</div>
                <div >If you have any question, please contact us at:</div>
                <div >{{buyerConfig.contact_email}}</div>
              </div>

            </el-form>
          </div>
          <div style="text-align: center">
            <el-button  :loading="loading" :style="activateStyle" @click="doNext" size="medium" ><span style="color: orange">Activate Now</span></el-button>
          </div>
          <br>
          <div style="text-align: center">
<!--            <span ><a  :href="buyerConfig.find_my_order" target="_blank" style="color: #606266">How to find your order ID?</a></span>-->
            <span ><a  href="./findid" target="_blank" style="color: #798a9b;font-size: 14px;border-bottom:1px solid;">How to find your order ID?</a></span>
          </div>
          <br>
          <div style="text-align: center;color: #798a9b;font-size: 14px">
            <span >*We don't share your personal infomation with anyone.</span>
          </div>

        </div>
        <!--第一个子组件 激活页面-->
        <register
          :visible.sync="dialogVisible"
          :data="form"
          @doNext=doNext
          @doActivateEnd=doActivateEnd
          @handleClose=handleClose
          ref="buyerConfig"
        />
        <!--第二个子组件 注册成功页面-->
        <register-success
          :visible.sync="showRegisterSuccess"
          :data="form"
          @getRegister=getRegister
          @RegisterNoNext=RegisterNoNext
          ref="buyerConfigRegister"
        />
        <!--后面加的子组件 注册成功不进入后续页面-->
        <register-success-no
          :visible.sync="showRegisterSuccessNo"
          :data="form"
          ref="buyerConfigRegisterNo"
        />

        <!--第三个子组件 礼品选择页面-->
        <gift-selection
          :visible.sync="showGifSelection"
          :data="form"
          @getGiftSelection=getGiftSelection
          @doBack=doBack
          @handleClose=handleClose
          ref="giftRef"
        />
        <!--第四个子组件 判断评论页面-->
        <comment-on
          :visible.sync="showCommentOn"
          :data="form"
          @getCommonOn=getCommonOn
          @badReviews=badReviews
          @handleClose=handleClose
          @doBackGiftSelection=doBackGiftSelection
          @doConfirmRate=doConfirmRate
          @getConfirmGiftPage=getConfirmGiftPage
          ref="commentRef"
        />
        <!--第五个子组件 亚马逊留评页面-->
        <amazon-comment
          :visible.sync="showAmazonComment"
          :data="form"
          @getConfirmGiftPage=getConfirmGiftPage
          @handleClose=handleClose
          ref="amazonRef"
        />
        <!--第六个子组件 确认礼品 产品页面-->
        <product-page
          :visible.sync="showProduct"
          :data="form"
          @handleClose=handleClose
          @doConfirmProduct=doConfirmProduct
          ref="productRef"
        />
        <!--第七个子组件 确认礼品 礼品卡-->
        <gift-card
          :visible.sync="showGiftCard"
          :data="form"
          @handleClose=handleClose
          ref="giftCardRef"
        />
        <!--第八个子组件 确认礼品 返现-->
        <cash-back
          :visible.sync="showCashBack"
          :data="form"
          @handleClose=handleClose
        />
        <!--最后子组件 结束流程-->
        <end-page
          :visible.sync="showEnd"
          :data="form"
          @handleClose=handleClose
          ref="endRef"
        />
        <bad-comment-view
          :visible.sync="showBadCommentView"
          :data="form"
          @handleClose=handleClose
          ref="badCommentViewRef"
        />

      </el-row>
    </div>

  </div>
</template>

<script>
import setting from '@/config/setting';
import NProgress from "nprogress";
import GiftSelection from "@/views/activate/gift-selection";
import RegisterSuccess from "@/views/activate/register-success";
import Register from "@/views/activate/register";
import CommentOn from "@/views/activate/comment-on";
import AmazonComment from "@/views/activate/amazon-comment";
import ProductPage from "@/views/activate/product-page";
import EndPage from "@/views/activate/end-page";
import GiftCard from "@/views/activate/gift-card";
import CashBack from "@/views/activate/cash-back";
import RegisterSuccessNo from "@/views/activate/register-success-no";
import BadCommentView from "@/views/activate/bad-comment-view";


export default {
  name: 'InviteComments',
  components: {
    BadCommentView,
    RegisterSuccessNo,
    GiftSelection,RegisterSuccess,Register,CommentOn,AmazonComment,ProductPage,EndPage,GiftCard,CashBack},
  data() {
    return {
      screenWidth: 0,
      // 登录框方向, 0居中, 1居右, 2居左
      direction: 0,
      // 加载状态
      loading: false,
      pageSrc:'',
      pageSize:'',
      //弹窗页面尺寸
      activeSize:'',
      activateStyle:'',
      //是否显示联系邮箱
      emailDisplay:false,
      // 表单数据
      form: {
        //所选语言
        language_select:'en',
        record_id:0,
        name:'',
        display_comment_link:0,
        display_comment_link_view:0,
        display_gift_select_view:0,
        star_rating_evaluation_view:0,
        gift_section:0,
        jump_amazon_comment_view:0,
        jump_amazon_star_view:0,
        email:'',
        order_name:'',
        order_email:'',
        order_id:'',
        gift_type:0,
        rate:0,
        comment:'',
        phone:'',
        address:'',
        state:'',
        postal_code:'',
        country:'',
        city:'',
        asin:'',
        gift_name:'',
        gift_image:'',
        gift_address_display:0,
        gift_email:'',
        product_title:'',
        platform_sku:'',
        brand_code:'',
        gift_type_2:1,
        sensitive_user:0,
        progress_confirm_gift:0,
        progress_star_rating_evaluation:0,
        progress_bad_reviews:0,
        progress_favorable_comment:0,
        progress_write_address:0,
        evaluation_process:0,
        gift_info:{}
      },
      buyerConfig:{
        register_page_script:''
      },
      showIndex:true,
      dialogVisible:false,
      showRegisterSuccess:false,
      showRegisterSuccessNo:false,
      showGifSelection:false,
      showCommentOn:false,
      showAmazonComment:false,
      showProduct:false,
      showEnd:false,
      showBadCommentView:false,
      showGiftCard:false,
      showCashBack:false,
      order_id_length:0,
    };
  },
  computed: {
    // 表单验证规则
    rules() {
      return {
        name: [
          {required: true, message: 'Name is required!', type: 'string', trigger: 'blur'}
        ],
        email: [
          {required: true, message: 'Email is required!', type: 'string', trigger: 'blur'}
        ],
        order_id: [
          {required: true, message: 'Order is required!', type: 'string', trigger: 'blur'}
        ]
      };
    },
    // 当前语言
    language() {
      return this.$i18n.locale;
    }
  },
  watch: {
    screenWidth: {
      handler: function (val) {
        if (val < 750) {
          this.isPC = false
        } else {
          this.isPC = true
        }
      },
    },

  },
  mounted() {
    document.documentElement.style.setProperty("background-color", 'white')
    this.screenWidth = document.body.clientWidth
    window.onresize = () => {
      return (() => {
        this.screenWidth = document.body.clientWidth
      })()
    }

    // 根据不同路由跳转不同页面
    if (this._isMobile()) {
      this.pageSrc='/static/page_move_70.jpg';
      // this.pageSize='width: 100%;margin-left:-5px';
      this.pageSize='width: 100%;height: 50px;background-color: rgb(68, 84, 106);font-size: 25px;padding-top: 20px;font-weight:bold';
      this.activeSize = 'margin-left:1px;margin-top:14%';
      this.activateStyle = 'width: 70%;background: #44546a';
    } else {
      this.pageSrc='/static/page_web.png';
      // this.pageSize='width: 950px;';
      this.pageSize='width: 950px;height: 50px;background-color: rgb(68, 84, 106);font-size: 25px;padding-top: 20px;margin:auto;font-weight:bold';
      this.activeSize = 'width: calc(100vw - 1px);height: calc(100vh - 10px);margin-left:1px';
      this.activateStyle = 'width: 30%;background: #44546a';
    }

    setting.takeToken();
    //获取买家端设置信息
    this.getBuyerConfig();
    //记录访客日志
    this.visitorsRecord();
  },
  methods: {
    // 判断是否是手机端，如果是，返回true
    _isMobile () {
      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
      return flag
    },
    //检查邮箱格式
    checkEmail()
    {
      this.$http.get('/checkEmail', {
        params: {
          email: this.form.email
        }
      }).then((res) => {
        this.loading = false;
        if (res.data.code === 0) {
          console.log('-----------11');
        } else {
          this.$message({type:'error',message:res.data.msg,offset:160});
        }
      });
    },
    isPCNot() {
      var userAgentInfo = navigator.userAgent;
      var Agents = ["Android", "iPhone",
        "SymbianOS", "Windows Phone",
        "iPad", "iPod"];
      var flag = true;
      for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
          flag = false;
          break;
        }
      }
      return flag;
    },
    //修改多语言
    changeLanguage(language)
    {
      this.form.language_select = language;
      this.getBuyerConfig();
    },
    changeColor(event)
    {
      let input = event.currentTarget
      input.style.border = "1px solid rgb(68, 84, 106)"
    },
    addFront(e)
    {
      if (e.length <this.order_id_length.length){
        this.order_id_length = this.form.order_id;
        return;
      }
      if (e.length ==3){
        this.form.order_id+='-';
      }else if(e.length ==11){
        this.form.order_id+='-';
      }
      this.order_id_length = this.form.order_id;
    },

    //记录访客日志
    visitorsRecord()
    {
      var logId = this.$route.query.log_id;
      if (logId ==undefined){
        logId = '';
      }

      this.$http.get('https://ip.useragentinfo.com/json').then((res) => {
        // this.$http.get('https://api.vvhan.com/api/getIpInfo').then((res) => {
        if (res.status ==200){
          var ipData = res.data;
          var forms = {
            log_id:logId,
            ip:ipData.ip,
            country:ipData.country,
            province:ipData.province,
            city:ipData.city,
            area:ipData.area,
          };
          this.$http.post('/setVisitorsRecord',forms).then((res) => {
            const result = res.data;
            if (result.code === 0) {
              // 赋予对象值
              this.form.record_id = result.data.record_id;
              // this.$refs.buyerConfig.setRecordId(result.data.record_id);
            } else {
              this.$message.error(result.msg);
            }
          }).catch((e) => {
            console.error(e);
            this.$message.error(e.message);
          });

        }

      });
    },
    //激活注册成功点击no展示页
    RegisterNoNext()
    {
      this.showRegisterSuccess =false;
      this.showRegisterSuccessNo=true;
    },
    //关闭所有弹窗
    handleClose()
    {
      this.dialogVisible=false;
      this.showRegisterSuccess = false;
      this.showGifSelection = false;
      this.showCommentOn = false;
      this.showAmazonComment = false;
      this.showProduct = false;
      this.showEnd = false;
      this.showGiftCard = false;
      this.showCashBack = false;
    },

    //获取买家端配置信息
    getBuyerConfig()
    {
      this.$http.get('/getBuyerConfig', {
        params: {
          language: this.form.language_select
        }
      }).then((res) => {
        this.loading = false;
        if (res.data.code === 0) {
          this.buyerConfig = res.data.data;
          this.$refs.buyerConfig.setBuyerConfig(res.data.data);
          this.$refs.buyerConfigRegister.setBuyerConfig(res.data.data);
          this.$refs.buyerConfigRegisterNo.setBuyerConfig(res.data.data);
          this.$refs.badCommentViewRef.setBuyerConfig(res.data.data);
          this.$refs.endRef.setBuyerConfig(res.data.data);
          this.$refs.giftRef.setBuyerConfig(res.data.data);
          this.$refs.commentRef.setCommentOnChar(res.data.data);
          this.$refs.amazonRef.setBuyerConfig(res.data.data);
          this.$refs.productRef.setBuyerConfig(res.data.data);
          this.$refs.giftCardRef.setBuyerConfig(res.data.data);
        } else {
          this.$message({type:'error',message:res.data.msg,offset:160});
        }
      });
    },
    //第一步激活成功进入下一步
    doNext()
    {

      this.$refs['form'].validate((valid) => {
        if (!valid) {
          return false;
        }else{
          this.loading = true;
          // this.form.record_id = this.record_id;
          this.$http.post('/register', this.form).then((res) => {
            this.loading = false;
            if (res.data.code === 0 && res.data.data.order_exists) {
              var registerData = res.data.data;
              this.form.asin = registerData.asin;
              this.form.evaluation_process = registerData.evaluation_process;
              this.form.display_comment_link_view = registerData.display_comment_link_view;
              this.form.display_gift_select_view = registerData.display_gift_select_view;
              this.form.star_rating_evaluation_view = registerData.star_rating_evaluation_view;
              this.form.jump_amazon_comment_view = registerData.jump_amazon_comment_view;
              this.form.jump_amazon_star_view = registerData.jump_amazon_star_view;
              this.form.product_title = registerData.product_title;
              this.form.platform_sku = registerData.platform_sku;
              this.form.brand_code = registerData.brand_code;
              this.form.product_category_name1 = registerData.product_category_name1;
              this.form.gift_info = registerData.gift_info;
              this.form.gift_section = registerData.operate_list.gift_section;
              this.form.phone = registerData.order_phone;
              if (this.buyerConfig.address_default_clear == 2){
                this.form.address = registerData.order_address;
              }
              this.form.state = registerData.order_state;

              this.form.postal_code = registerData.order_postal_code;
              this.form.country = registerData.order_country_code;
              this.form.city = registerData.order_city_name;
              // this.$message.success('success');
              // this.$message({type:'success',message:res.data.msg,offset:160});
              setTimeout(() => {
                NProgress.done(true);
                if (registerData.progress_activate !==1 || this.buyerConfig.email_show==2 || registerData.operate_list.select_mode==2){
                  // this.doActivateEnd();
                  this.doRegisterSuccessNo();
                }else{
                  // this.showRegisterSuccess = true;
                  this.showIndex = false;
                  if (registerData.operate_list.gift_section ==1){
                    //展示礼品选择页
                    this.showGifSelection =true;
                  }else if(registerData.operate_list.star_rating_evaluation ==1){
                    this.showCommentOn = true;
                  }else{
                    this.showEnd =true;
                  }

                  this.$refs.giftRef.setForm(this.form);
                  this.$refs.buyerConfigRegister.setForm(this.form);
                  this.$refs.commentRef.setForm(this.form);
                  this.$refs.amazonRef.setForm(this.form);
                  this.$refs.giftRef.setBuyerConfig(registerData.operate_list);
                  this.$refs.commentRef.setBuyerConfig(registerData.operate_list);
                  this.$refs.productRef.setProductConfig(registerData.operate_list);
                  // this.$refs.giftCardRef.setData(registerData);
                  this.$refs.endRef.setEndConfig(registerData.operate_list);
                  this.configProduct();
                }
              }, 1500);
            }else if(res.data.code === -1){
              this.$message({type:'error',message:res.data.msg,offset:160});
            }else {
              // this.$message.error(res.data.msg);
              if (!res.data.data.order_exists){
                this.$message({type:'error',message:'Order does not exist',offset:160});
              }else{
                this.$message({type:'error',message:'failed',offset:160});
              }
              this.emailDisplay = true;
            }
          });

        }
      });




    },
    //激活异常直接进入最后步骤 v1
    doActivateEnd()
    {
      this.dialogVisible=false;
      this.showIndex = false;
      this.showEnd = true;
    },
    //激活异常进入异常提示 v2
    doRegisterSuccessNo()
    {
      this.dialogVisible=false;
      this.showIndex = false;
      this.showRegisterSuccessNo = true;
    },
    //打开判断评论页
    getRegister()
    {
      this.showRegisterSuccess = false;
      if (this.form.star_rating_evaluation_view ==1){
        this.showCommentOn = true;
      }else if(this.form.star_rating_evaluation_view !=1 && this.form.display_gift_select_view !=1){
        this.showEnd = true;
      }else{
        this.showGifSelection =true;
      }
    },
    //返回上一步
    doBack()
    {
      this.showCommentOn = true;
      this.showGifSelection =false;
    },
    //返回礼品选择弹窗
    doBackGiftSelection()
    {
      if (this.form.gift_section ==1){
        this.showGifSelection =true;
        this.showCommentOn = false;
      }else{
        this.showCommentOn = false;
        this.showIndex = true;
      }

    },
    //打开评论弹窗
    getGiftSelection(form)
    {
      this.form = form;
      //是否展示amaozn留评环节
      if (this.form.jump_amazon_comment_view ==1){

        this.showGifSelection = false;
        this.showCommentOn = true;
      }else{
        this.showGifSelection = false;
        this.showAmazonComment = true;
      }
      this.form.progress_confirm_gift =1;
      this.configProduct();

    },
    //选择星级提交状态
    doConfirmRate(form)
    {
      this.form.progress_star_rating_evaluation =1;
      this.form.rate = form.rate;
      this.configProduct();
      if ( this.form.rate>=4 && this.form.rate < this.form.jump_amazon_star_view){
        this.showCommentOn = false;
        this.showEnd = true;
      }
    },
    //受买家端设置影响 部分操作数据统一调用
    configProduct(){
      this.form.no_verify=1;
      this.$http.post('/confirmProduct', this.form).then((res) => {
        this.loading = false;
        if (res.data.code !== 0) {
          // this.$message.error(res.data.msg);
        }
      });
    },
    //中差评触发其他操作
    badReviews(form)
    {
      this.form.comment = form.comment;
    },
    //打开Amazon弹窗
    getCommonOn(form)
    {

      this.form.rate = form.rate;
      this.form.comment = form.comment;
      if (this.form.rate<=3){
        this.form.progress_bad_reviews =1;
      }
      this.showCommentOn = false;
      this.configProduct();

      //差评直接展示结束
      if (this.form.rate<=3){
        this.showBadCommentView = true;
      }else{
        //判断是否展示礼品页
        if (this.form.display_gift_select_view==1 && this.form.rate >=this.form.jump_amazon_star_view){
          // this.showAmazonComment = true;
          this.showGifSelection = true;
        }else if(this.form.jump_amazon_comment_view==1 && this.form.rate >=this.form.jump_amazon_star_view){
          this.showAmazonComment = true;
        }else{
          if (this.form.gift_type === 1){
            this.showCommentOn = false;
            this.showProduct = true;
            this.$refs.productRef.setForm(this.form);
          }else if (this.form.gift_type ===2){
            this.showGiftCard = true;
          }else if (this.form.gift_type ===3){
            this.showCashBack = true;
          }else{
            this.showEnd = true;
          }
        }
      }

    },
    //进入最后一个弹窗
    doEnd()
    {
      this.showProduct = false;
      this.showEnd = true;
    },
    //展示礼品页弹窗
    getConfirmGiftPage(form)
    {
      this.form.comment = form.comment;
      this.form.sensitive_user = form.sensitive_user;
      this.form.progress_favorable_comment = 1;
      this.configProduct();
      //公共配置展示收货地址 选择的礼品对应配件类型
      this.showCommentOn = false;
      if (this.form.gift_type === 1){//是否展示收货地址界面
        this.showProduct = true;
        this.$refs.productRef.setForm(this.form);
      }
        // else if (this.form.gift_type ===2){
        //   this.showGiftCard = true;
        // }else if (this.form.gift_type ===3){
        //   this.showCashBack = true;
      // }
      else{
        this.showEnd = true;
      }

      // if (this.form.gift_type ===1){ //是否展示收货地址界面

      // this.doConfirmComment('showGiftCard');

      // if (this.form.display_gift_select_view ===1){ //跳转产品页面
      //   this.showCommentOn = false;
      //   this.showProduct = true;
      //   this.$refs.productRef.setForm(this.form);
      // }else{
      //   this.doConfirmComment('showGiftCard');
      // }
      // }else{
      //   this.showCommentOn = false;
      //   this.showEnd = true;
      //
      // }
    },
    //确认提交评论信息
    doConfirmComment(type)
    {
      this.$http.post('/confirmComment', this.form).then((res) => {
        this.loading = false;
        if (res.data.code === 0) {
          this.$message.success(res.data.msg);
          // this.$message({type:'success',message:res.data.msg,offset:160,duration:3000});
          this.showAmazonComment =false;
          setTimeout(() => {
            NProgress.done(true);
            if (type == 'showGiftCard'){
              this.showGiftCard = true;
            }else if (type == 'showCashBack'){
              this.showCashBack = true;
            }
          }, 1500);
        } else {
          this.$message.error(res.data.msg);
          // this.$message({type:'error',message:res.data.msg,offset:160,duration:3000});
        }
      });
    },
    //确认提交产品信息
    doConfirmProduct()
    {
      this.form.progress_write_address =1;
      this.$http.post('/confirmProduct', this.form).then((res) => {
        this.$refs.productRef.loading=false;
        if (res.data.code === 0) {
          this.$message.success(res.data.msg);
          // this.$message({type:'success',message:res.data.msg,offset:160});
          setTimeout(() => {
            NProgress.done(true);
            this.doEnd();
          }, 1500);
        } else {
          this.$message.error(res.data.msg);
          // this.$message({type:'error',message:res.data.msg,offset:160});
        }
      });
    },

    /* 跳转到首页 */
    goHome() {
      const query = this.$route.query;
      const path = query && query.from ? query.from : '/';
      this.$router.push(path).catch(() => {
      });
    },
  }
}
</script>

<style scoped>


@media screen and (max-width: 750px) {
  .body {
    width: 90%;
    margin: 0 auto;
    /*background-color: #f1f1f1;*/
  }
}

@media screen and (min-width: 750px) {
  .body {
    margin: 0 auto;
    width: 50%;
    /*background-color: #f1f1f1;*/
  }
}

body{
  background-color: white;
}

.activate_html{
  /*font-size: 13pt;*/
  color: #000000;
  /*font-weight: bold;*/
  line-height: 25px;
  margin-left: 25px;
}


::v-deep .el-input--medium .el-input__inner{
  /*border-radius: 30px;*/
  min-height: 50px;

}

/deep/input::-webkit-input-placeholder {
  color: #606266;
  font-size: 12px;
  font-family: -webkit-pictograph;
}
::v-deep .el-form-item__error{
  color: #606266;
}

/deep/input::-moz-input-placeholder {
  color: #c0c4cc;
  font-size: 12px;
  font-family: -webkit-pictograph;
}

/deep/input::-ms-input-placeholder {
  color: #c0c4cc;
  font-size: 12px;
  font-family: -webkit-pictograph;
}

::v-deep .el-divider.el-divider--horizontal{
  background-color: rgb(254, 137, 4);
}

::v-deep .el-button--warning{
  color: #FFF;
  background-color: rgb(254, 137, 4);
  border-color: #E6A23C;
}


</style>
